<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			.rongqi{
				width: 100%;
				max-width: 640px;
				min-width: 320px;
				position: relative;
				margin: 0 auto;
			}
			.top{
				width: 100%;
				height: 1.6rem;
				background-image: url(nav.png);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				background-position: center;
				position: fixed;
				top: 0;
				left: 0;
			}
			.top a{
				height:0.67rem ;
				width:0.4rem ;
				background-image:url(01.png) !important;
				background-repeat: no-repeat !important;
				background-size: 100% 100% !important;
				background-position: center;
				display:inline-block;
				position: absolute;
				top: 50%;
				left: 0.8rem;
				transform: translateY(-50%);
			}
			.top p{
				font-size: 0.53rem;
				color: white;
				text-align: center;
				line-height: 1.6rem;
			}
			.cha{
				font: 0.28rem;
				width: 9.2rem;
				height: 1.33rem;
				margin: 0 auto;
				line-height: 1.33rem;
				margin-top: 1.6rem;
				border-bottom: 1px solid #000000;
			}
			.cha button{
				width:2.13rem ;
				height:0.8rem ;
				text-align: center;
				line-height: 0.8rem;
				border-radius: 0.4rem;
				background:white;
				outline: none;
				margin-left: 0.5rem;
			}
			
			.fuwu{
				width: 9.2rem;
				height: 3.47rem;
				margin: 0 auto;
				margin-top: 0.8rem;
				padding-top:0.2rem;
			}
			.zhiling{
				line-height: 0.53rem;
				width: 9.2rem;
				height: 0.53rem;
			}
			.zhiling span{
				font: 0.4rem;
				float: left;
			}
			.zhiling li img{
				width:0.5rem ;
				height: 0.5rem;
			}
			.zhiling li{
				float: left;
				margin-left: 0.4rem;
			}
			
			
			.taidu{
				line-height: 0.53rem;
				width: 9.2rem;
				height: 0.53rem;	
				margin-top: 0.6rem;
				
			}
			.taidu span{
				font: 0.4rem;
				float: left;
			}
			.taidu li img{
				width:0.5rem ;
				height: 0.5rem;
			}
			.taidu li{
				float: left;
				margin-left: 0.4rem;
			}
			.jishu{
				width: 9.2rem;
				height: 2.8rem;
				margin: 0 auto;
			}
			.jishu button{
				width:2.13rem ;
				height:0.8rem ;
				text-align: center;
				line-height: 0.8rem;
				border-radius: 0.4rem;
				background:white;
				outline: none;
				margin-top: 0.4rem;
			}
			.a{
				margin-left: 0.3rem;
			}
			.shuo{
				width: 9.2rem;
				height: 2.8rem;
				margin: 0 auto;
			}
			.liu{
				width: 9.2rem;
				height:2.8rem ;
				font-size: 0.28rem;
				padding: 0.3rem;
				box-sizing: border-box;

			}
			.b{
				font-size:0.427rem ;
				width: 8.93rem;
				height: 1.47rem;
				margin: 0 auto;
				margin-top: 1.6rem;
				
			}
			.liji{
				width:5.87rem ;
				height:1.47rem ;
				font-size: 0.28rem;
				background:#f23a38;
				color: white;
				border-radius: 0.35rem;
				margin-left: 1.6rem;
				outline: none;
			}

		
		</style>
		<script src="flexible.js"></script>
	</head>
	<body>
		<div class="rongqi">
			<div class="top">
				<a href="javascript:history.go(-1)"></a>
				<p>好评</p>
			</div>
			
			<div class="cha">
				<button>差评</button>
				<button>中评</button>
				<button>好评</button>
			</div>
			
			<div class="fuwu">
				<ul class="zhiling" >
					<span>服务质量: </span>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
				</ul>
				
				<ul class="taidu" >
					<span>服务态度: </span>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
				</ul>
				
				<ul class="taidu" >
					<span>服务态度: </span>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
					<li><img src="wujiaoxing@2x.png" /></li>
				</ul>
			</div>
			
			
			<div class="jishu">
				<button>技术不错</button>
				<button class="a">技术不错</button>
				<button class="a">技术不错</button><br />
				<button>技术不错</button>
				<button class="a">技术不错</button>
			</div>
			
			<div class="shuo">
				<form>
					<textarea class="liu" placeholder="说点什么吧"></textarea>
				</form>
			</div>
			
			
			<div class="b">
			<button class="liji">提交</button>
			</div>

		</div>

	</body>
</html>
